/* 博客编辑页样式 */

.blog_edit_container{
	width: 1000px;
	height: calc(100% - 50px);
	margin: 0 auto;
}

.blog_edit_container .title{
	width: 100%;
	height: 30px;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.blog_edit_container .title input{
	width: 890px;
	height: 30px;
	margin-top: 20px;
	
	border-radius: 10px;
	border: none;
	outline: none;
	text-indent: 0.5em;
	font-size: 20px;
	font-weight: 500;
	background-color: rgba(255, 255, 255, 0.6);
	
}
.blog_edit_container .title button{
	width: 100px;
	height: 30px;
	margin-top: 20px;
	
	border-radius: 10px;
	border: none;
	background-color: orange;
}

/* 鼠标在按键上会有渐变的颜色
.blog_edit_container .title button:hover{
	background-color: antiquewhite;
	transition: all 0.5s; 
} */

.blog_edit_container .title button:active{
	background-color: antiquewhite;
}

#editor{
	border-radius: 10px;
	
	/* background-color: rgba(255, 255, 255, 0.6);不能在页面产生效果
	因为editor.md 自带一下stype的样式 类似于在透明下有一层深色的样式
	所以我们可以通过 opacity:  %  来控制透明度   
	background-color只针对当前元素来设置的 不会影响到子元素
	然而opacity会影响到子元素 给最外面的父元素设置了半透明 里面的元素也会一起半透明
	*/
   
	/* background-color: rgba(255, 255, 255, 0.6); */
	
	opacity: 60%;
	margin-top: 15px;
}